<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="keywords" content="米凯尔,装修,家装">
  <link rel="stylesheet" href="./css/index.css">
  <link href="https://cdn.bootcdn.net/ajax/libs/Swiper/6.8.0/swiper-bundle.min.css" rel="stylesheet">

  <link rel="icon" href="./favicon.ico">

  <title>米凯尔科技</title>
</head>
<body>
  <div class="box">
    <div class="head">
      <div class="modal"></div>
      <div class="main head-cont">
        <img src="./images/logo-w.png" alt="">
        <span>米凯尔科技</span>
      </div>
    </div>
    <div class="banner mb40">
      <div class="relative">
        <div class="swiper-container" id="swiper-banner">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <img src="./images/banner-1.png" alt="">
            </div>
            <div class="swiper-slide">
              <img src="./images/banner-2.png" alt="">
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="introduce main">
      <div class="item">
        <img src="./images/introduce-1.png" alt="">
        <div class="tag">
          <h3>免费量房</h3>
          <div>获取免费量房服务</div>
        </div>
      </div>
      <div class="item">
        <img src="./images/introduce-2.png" alt="">
        <div class="tag">
          <h3>免费验房</h3>
          <div>获取免费量房服务</div>
        </div>
      </div>
      <div class="item">
        <img src="./images/introduce-3.png" alt="">
        <div class="tag">
          <h3>免费规划</h3>
          <div>获取免费规划方案 </div>
        </div>
      </div>
      <div class="item">
        <img src="./images/introduce-4.png" alt="">
        <div class="tag">
          <h3>免费报价</h3>
          <div>准确计算你的装修预算</div>
        </div>
      </div>
    </div>
    <div class="tit">
      <h3 class="txt">
        <span>装修公司</span>
      </h3>
      <div>/为你的装修保驾护航/</div>
    </div>
    <div class="company main">
      <div class="item">
        <img src="./images/company-1.png" alt="">
        <div class="company-cont">
          <div class="cont">
            <div class="txt">
              家美居装饰
            </div>
            <div class="rite yellow">
              礼
            </div>
            <div class="rite orange">
              券
            </div>
          </div>
          <div class="evaluate">
            <div class="star-box">
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-n"></div>
            </div>
            <div class="text">201条评价</div>
   
          </div>
          <div class="tag-box">
            <div class="tag">售后无忧</div>
            <div class="tag">专业服务</div>
          </div>
        </div>

      </div>
      <div class="item">
        <img src="./images/company-2.png" alt="">
        <div class="company-cont">
          <div class="cont">
            <div class="txt">
              柠檬草装饰
            </div>
            <div class="rite yellow">
              礼
            </div>
            <div class="rite orange">
              券
            </div>
          </div>
          <div class="evaluate">
            <div class="star-box">
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-n"></div>
            </div>
            <div class="text">201条评价</div>
          </div>
          <div class="tag-box">
            <div class="tag">售后无忧</div>
            <div class="tag">专业服务</div>
          </div>
        </div>

      </div>
      <div class="item">
        <img src="./images/company-3.png" alt="">
        <div class="company-cont">
          <div class="cont">
            <div class="txt">
              萌兔装饰 品质整装
            </div>
            <div class="rite yellow">
              礼
            </div>
            <div class="rite orange">
              券
            </div>
          </div>
          <div class="evaluate">
            <div class="star-box">
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-n"></div>
            </div>
            <div class="text">201条评价</div>
          </div>
          <div class="tag-box">
            <div class="tag">售后无忧</div>
            <div class="tag">专业服务</div>
          </div>
        </div>

      </div>
      <div class="item">
        <img src="./images/company-4.png" alt="">
        <div class="company-cont">
          <div class="cont">
            <div class="txt">
              图瑞装饰
            </div>
            <div class="rite yellow">
              礼
            </div>
            <div class="rite orange">
              券
            </div>
          </div>
          <div class="evaluate">
            <div class="star-box">
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-n"></div>
            </div>
            <div class="text">201条评价</div>
          </div>
          <div class="tag-box">
            <div class="tag">售后无忧</div>
            <div class="tag">专业服务</div>
          </div>
        </div>

      </div>
      <div class="item">
        <img src="./images/company-5.png" alt="">
        <div class="company-cont">
          <div class="cont">
            <div class="txt">
              朗唯装饰
            </div>
            <div class="rite yellow">
              礼
            </div>
            <div class="rite orange">
              券
            </div>
          </div>
          <div class="evaluate">
            <div class="star-box">
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-n"></div>
            </div>
            <div class="text">201条评价</div>
          </div>
          <div class="tag-box">
            <div class="tag">售后无忧</div>
            <div class="tag">专业服务</div>
          </div>
        </div>

      </div>
      <div class="item">
        <img src="./images/company-6.png" alt="">
        <div class="company-cont">
          <div class="cont">
            <div class="txt">
              德创家装饰
            </div>
            <div class="rite yellow">
              礼
            </div>
            <div class="rite orange">
              券
            </div>
          </div>
          <div class="evaluate">
            <div class="star-box">
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-n"></div>
            </div>
            <div class="text">201条评价</div>
          </div>
          <div class="tag-box">
            <div class="tag">售后无忧</div>
            <div class="tag">专业服务</div>
          </div>
        </div>

      </div>
      <div class="item">
        <img src="./images/company-7.png" alt="">
        <div class="company-cont">
          <div class="cont">
            <div class="txt">
              上品大宅装饰
            </div>
            <div class="rite yellow">
              礼
            </div>
            <div class="rite orange">
              券
            </div>
          </div>
          <div class="evaluate">
            <div class="star-box">
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-n"></div>
            </div>
            <div class="text">201条评价</div>
          </div>
          <div class="tag-box">
            <div class="tag">售后无忧</div>
            <div class="tag">专业服务</div>
          </div>
        </div>

      </div>
      <div class="item">
        <img src="./images/company-8.png" alt="">
        <div class="company-cont">
          <div class="cont">
            <div class="txt">
              星空装饰
            </div>
            <div class="rite yellow">
              礼
            </div>
            <div class="rite orange">
              券
            </div>
          </div>
          <div class="evaluate">
            <div class="star-box">
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-a"></div>
              <div class="star star-n"></div>
            </div>
            <div class="text">201条评价</div>
          </div>
          <div class="tag-box">
            <div class="tag">售后无忧</div>
            <div class="tag">专业服务</div>
          </div>
        </div>

      </div>
    </div>
    <div class="tit">
      <h3 class="txt">
        <span>精选案例</span>
      </h3>
      <div>/家装系列优秀案例欣赏/</div>
    </div>
    <div class="example main">
      <div class="item">
        <img class="example-img" src="./images/1.jpg" alt="">
        <div class="example-cont">
          <div class="example-tit">清新北欧</div>
          <div class="line"></div>
          <div class="txt">治愈系北欧原木风</div>
        </div>
      </div>
      <div class="item">
        <img class="example-img" src="./images/2.jpg" alt="">
        <div class="example-cont">
          <div class="example-tit">美式乡村</div>
          <div class="line"></div>
          <div class="txt">线条简洁，精致而朴素</div>
        </div>
      </div>
      <div class="item">
        <img class="example-img" src="./images/3.jpg" alt="">
        <div class="example-cont">
          <div class="example-tit">古典中式</div>
          <div class="line"></div>
          <div class="txt">清雅含蓄、端庄丰华</div>
        </div>
      </div>
      <div class="item">
        <img class="example-img" src="./images/4.jpg" alt="">
        <div class="example-cont">
          <div class="example-tit">现代简约</div>
          <div class="line"></div>
          <div class="txt">外形简洁，空间形态抽象</div>
        </div>
      </div>
      <div class="item">
        <img class="example-img" src="./images/5.jpg" alt="">
        <div class="example-cont">
          <div class="example-tit">潮流混搭</div>
          <div class="line"></div>
          <div class="txt">跨越年代、文化与阶层</div>
        </div>
      </div>
      <div class="item">
        <img class="example-img" src="./images/6.png" alt="">
        <div class="example-cont">
          <div class="example-tit">地中海风情</div>
          <div class="line"></div>
          <div class="txt">田园风情与柔和色调结合</div>
        </div>
      </div>
    </div>
    <!-- <div class="example">
      <div class="big-img">
        <div class="meng"></div>
      </div>
      <div class="swiper-container" id="swiper-example">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img class="example-img" src="./images/example-1.png" alt="">
            <div class="example-cont">
              <div class="example-tit">小户型装修</div>
              <div class="line"></div>
              <div class="txt">给你一个温馨的家</div>
            </div>
          </div>
          <div class="swiper-slide">
            <img class="example-img" src="./images/example-2.png" alt="">
            <div class="example-cont">
              <div class="example-tit">清新北欧风格</div>
              <div class="line"></div>
              <div class="txt">治愈系北欧原木风</div>
            </div>
          </div>
          <div class="swiper-slide">
            <img class="example-img" src="./images/example-3.png" alt="">
            <div class="example-cont">
              <div class="example-tit">复古美式风格</div>
              <div class="line"></div>
              <div class="txt">灵魂深处的家</div>
            </div>
          </div>
        </div>
      </div>
    </div> -->
    <div class="tit">
      <h3 class="txt">
        <span>装修攻略</span>
      </h3>
      <div>/装修小帖士让你的装修不走弯路/</div>
    </div>
    <div class="introduction">
      <div class="item">
        <img src="./images/introduction-1.png" alt="">
        <dl class="cont">
          <dt>怎样装修让小户型厨房变大</dt>
          <div class="text">
            现在年轻人在购买房子的时候都会比较喜欢小户型，因为这样能够更好地过渡而人的浪漫世界，显得更加温馨…
          </div>
          <dd>
            <span class="icon"></span>
            <span class="txt">小户型厨房装修的技巧</span>
          </dd>
          <dd>
            <span class="icon"></span>
            <span class="txt">小户型整体厨房装修方案-小户型整体厨房注意事项</span>
          </dd>
          <dd>
            <span class="icon"></span>
            <span class="txt">小户型厨房如何装修</span>
          </dd>
          <dd>
            <span class="icon"></span>
            <span class="txt">美式实木家具特点，美式实木家具</span>
          </dd>
        </dl>
        
      </div>
      <div class="item">
        <dl class="cont">
          <dt>59㎡两室一厅，奶油色的家</dt>
          <div class="text">
            这套59平米二居室最出彩的地方就是收纳设计，电视背景墙全打收纳柜，大面积镂空减少压抑感，餐边柜和餐桌…
          </div>
          <dd>
            <span class="icon"></span>
            <span class="txt">186平方米新房轻奢装修风格，让人眼前一亮</span>
          </dd>
          <dd>
            <span class="icon"></span>
            <span class="txt">新房装修7点忠告-找熟人装修被坑到想跳楼</span>
          </dd>
          <dd>
            <span class="icon"></span>
            <span class="txt">最受年轻人喜爱的八款装修设计！</span>
          </dd>
          <dd>
            <span class="icon"></span>
            <span class="txt">装修改造设计日记：白墙黑瓦的苏式建筑风格！</span>
          </dd>
        </dl>
        <img src="./images/introduction-2.png" alt="">
        
      </div>
    </div>
    <div class="footer">
      <div class="line"></div>

      <div class="foot-cont main">
        <!-- <div class="code">
          <ul>
            <li>手机扫码安装APP</li>
            <li>随时与设计师、</li>
            <li>装修公司在线聊方案</li>
          </ul>
          <div class="img"></div>
        </div> -->
        <div class="mb20 text-c">Copyright © 2008 - 2021 成都米凯尔科技有限公司. All Rights Reserved. </div>
        <div class="text-c two">
          <a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index">蜀ICP备2021022754号</a>
          <!-- <a class="gongan" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=51019002004130" target="_blank"><img src="./images/gongan.png" alt=""> 川公网安备 51019002004130号</a> -->
          <a class="gongan" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=51019002004166"><img src="./images/gongan.png" > 川公网安备 51019002004166号</a>
        </div>
      </div>

    </div>
  </div>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.8.0/swiper-bundle.min.js"></script>

  <script src="./js/index.js"></script>
</body>
</html>